<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/12/13
  Time: 15:57
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<aside>
    <div id="sidebar" class="nav-collapse ">
        <!-- sidebar menu start-->
        <ul class="sidebar-menu" id="nav-accordion">
            <p class="centered">
                <a href="profile.html"><img src="${pageContext.request.contextPath }/img/ui-sam.jpg" class="img-circle" width="80"></a>
            </p>
            <h5 class="centered">Sam Soffes</h5>
            <li class="mt">
                <a href="home.jsp">
                    <i class="fa fa-dashboard"></i>
                    <span>Dashboard</span>
                </a>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-desktop"></i>
                    <span>UI Elements</span>
                </a>
                <ul class="sub">
                    <li>
                        <a href="showp.do">商品管理</a>
                    </li>
                    <li>
                        <a href="buttons.html">Buttons</a>
                    </li>
                    <li>
                        <a href="panels.html">Panels</a>
                    </li>
                    <li>
                        <a href="font_awesome.html">Font Awesome</a>
                    </li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-cogs"></i>
                    <span>Components</span>
                </a>
                <ul class="sub">
                    <li>
                        <a href="grids.html">Grids</a>
                    </li>
                    <li>
                        <a href="calendar.html">Calendar</a>
                    </li>
                    <li>
                        <a href="gallery.html">Gallery</a>
                    </li>
                    <li>
                        <a href="todo_list.html">Todo List</a>
                    </li>
                    <li>
                        <a href="dropzone.html">Dropzone File Upload</a>
                    </li>
                    <li>
                        <a href="inline_editor.html">Inline Editor</a>
                    </li>
                    <li>
                        <a href="file_upload.html">Multiple File Upload</a>
                    </li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-book"></i>
                    <span>Extra Pages</span>
                </a>
                <ul class="sub">
                    <li>
                        <a href="blank.html">Blank Page</a>
                    </li>
                    <li>
                        <a href="login.html">Login</a>
                    </li>
                    <li>
                        <a href="lock_screen.html">Lock Screen</a>
                    </li>
                    <li>
                        <a href="profile.html">Profile</a>
                    </li>
                    <li>
                        <a href="invoice.html">Invoice</a>
                    </li>
                    <li>
                        <a href="pricing_table.html">Pricing Table</a>
                    </li>
                    <li>
                        <a href="faq.html">FAQ</a>
                    </li>
                    <li>
                        <a href="404.html">404 Error</a>
                    </li>
                    <li>
                        <a href="500.html">500 Error</a>
                    </li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-tasks"></i>
                    <span>Forms</span>
                </a>
                <ul class="sub">
                    <li>
                        <a href="form_component.html">Form Components</a>
                    </li>
                    <li>
                        <a href="advanced_form_components.html">Advanced Components</a>
                    </li>
                    <li>
                        <a href="form_validation.html">Form Validation</a>
                    </li>
                </ul>
            </li>
            <li class="sub-menu">
                <a class="active" href="javascript:;">
                    <i class="fa fa-th"></i>
                    <span>Data Tables</span>
                </a>
                <ul class="sub">
                    <li class="active">
                        <a href="./home.jsp">Basic Table</a>
                    </li>
                    <li>
                        <a href="responsive_table.html">Responsive Table</a>
                    </li>
                    <li>
                        <a href="advanced_table.html">Advanced Table</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="inbox.html">
                    <i class="fa fa-envelope"></i>
                    <span>Mail </span>
                    <span class="label label-theme pull-right mail-info">2</span>
                </a>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class=" fa fa-bar-chart-o"></i>
                    <span>Charts</span>
                </a>
                <ul class="sub">
                    <li>
                        <a href="morris.html">Morris</a>
                    </li>
                    <li>
                        <a href="chartjs.html">Chartjs</a>
                    </li>
                    <li>
                        <a href="flot_chart.html">Flot Charts</a>
                    </li>
                    <li>
                        <a href="xchart.html">xChart</a>
                    </li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-comments-o"></i>
                    <span>Chat Room</span>
                </a>
                <ul class="sub">
                    <li>
                        <a href="lobby.html">Lobby</a>
                    </li>
                    <li>
                        <a href="chat_room.html"> Chat Room</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="google_maps.html">
                    <i class="fa fa-map-marker"></i>
                    <span>Google Maps </span>
                </a>
            </li>
        </ul>
        <!-- sidebar menu end-->
    </div>
</aside>
